try to use tailwind

Nice work on the navbar! The skip link, the labelled <nav>, aria-checked on the theme switch and the focus outlines are really good for accessibility. 🙌

One thing about the styling: the project uses Tailwind for components, and the navbar uses CSS Modules (Navbar.module.css, SkipLink.module.css). Tailwind is a bit different at first, so here is a short intro.

Tailwind in short: instead of a CSS file, you put small classes on the element, one per CSS property. Our tokens from variables.css work too: bg-(--primary-color), text-(--text-color), px-(--space-xl). Tailwind is already set up in src/index.css, so nothing needs to be installed.

What to change:

1. Move the styles from Navbar.module.css and SkipLink.module.css into Tailwind classes in Navbar.tsx and SkipLink.tsx, and delete the two .module.css files. Normal CSS overrides Tailwind classes, so mixing the two can make classes seem to have no effect. Please don't move them to global.css either: that file is for styles that apply to the whole app.
2. Revert the commit "fix: added tailwind":
   • the @import "tailwindcss" in App.css is not needed
   • autoprefixer and postcss are not needed
   • the "test" script it removed should come back, so npm test works again

Some classes that may be useful:

• Hover underline: after: and hover:after: classes
• Hidden skip link: sr-only focus:not-sr-only
• Focus outline: focus-visible:outline-2 focus-visible:outline-(--text-color)

I'm happy to help with this! We can go through it together, or I can convert one part first as an example. Just let me know. 😊

Hei!
Egentlig bare et par småting fra meg, da Anette har nevnt det meste.

Husk å ha closes #39 så vi ikke må lukek manuelt.

Build fungerer ikke atm, antar det har noe med at typescript versjonen er endret til et lavere tall. Fikk Claude til å finne ut hvorfor: Én commit er årsaken. d310cc7 fra Xenia (20.10, «test: add vitest enviornment and create Navbar.test.tsx») endret package.json fra ~6.0.2 til ^5.7.3. package-lock.json gikk samtidig fra 6.0.3 til 5.7.3.

Du har to "<main.>" inni hverandre tror jeg. kanskje dobbeltsjekke det i app. Claude sier: App pakker rutene i

Gjerne gjør dark mode knappen slik at den husker etter ny innlastning med localstorage. Starter nå alltid som false. Dette catches ikke av testene, så du burde nok utvide din eksisterende test

Also, i teksten til PR står det at det skal være en egen mobil overlay meny, kanskje dobbeltsjekke pr tekst? Ikke så viktig.